@charset "utf-8";
body{ font-size:12px;font-family: "Microsoft Yahei",sans-serif; background-color:#fff;}
input[type='text'],input[type='number'],input[type='password'],input[type='reset'],input[type='submit'],input[type='button'],input[type='tel'],button,textarea{-webkit-appearance:none; border:0px solid #ddd;}
a:link,a:visited{ 
 text-decoration:none;  /*超链接无下划线*/ 
}
a{outline:none;}
a:focus {outline-style:none; -moz-outline-style: none;}
/*全局样式*/
.kongbai{height:41px;}
.kongbai4{height:42px;}
.kongbai7{height:70px;}
.kongbai9{height:90px;}
.border_r{border-right:1px solid #ddd;}
.border_l{border-left:1px solid #ddd;}
.border_t{border-top:1px solid #ddd;}
.border_b{border-bottom:1px solid #ddd;}

.ft4{font-size:14px !important;}
.ft3{font-size:13px !important;}
.ft5{font-size:15px !important;}
.ft6{font-size:65px !important;}
.ft09{font-size:9px; !important;}
.c368{color:#3682f9;}
.red{color:red !important;}
.c89{color:#898989 !important;}
.c14{color:#1457bf;}
.pd5{padding:5px;}
.bolder{font-weight:bold;}
.white{color:white;}
.bfont{font-size:16px; font-weight:bold; padding-left:8px;}
.br6{border-radius:6px;}
.bgf4{background:#efeff4;}
.img img{ width:100%; height:100%; display:block; clear:both;}
.navigation_bar{border-top:1px solid #dddddd;bottom:0px;height:50px; line-height:50px;width:100%;position:fixed;z-index: 2;background:#f7f7f7;-moz-opacity:1.0; opacity:1.0;}
.list li{width:49.6%; float:left;text-align:center;height:50px; line-height:50px;}
.mgt10{ margin-top:10px;}
.mgin20{ margin:0 20px;}
.mgin10{ margin:10px 10px 0;}
.bshadow{-webkit-box-shadow:0px 0px 8px black;-moz-box-shadow:0 0px 10px black;}
/******需要做适配的*****/

@media screen and (max-width : 320px){

}
@media screen and (min-width : 321px) and (max-width : 360px){

}
@media screen and (min-width : 361px){

}
/***************高度适配*********************/
@media screen and (max-height:495px){

}
@media screen and (min-height:496px) and (max-height:560px){

}
@media screen and (min-height:560px){

}
/***************高度适配*********************/
@media screen and (max-height:495px){

}
@media screen and (min-height:496px) and (max-height:560px){

}
@media screen and (min-height:560px){

}
/*****管理中心******/
.me .logo{margin:10px 0 10px 3%;; height:40px;width:97%; background:url(../images/logo.png) no-repeat; background-size:97% 40px; }
.me .linear{ 
width:100%; height:180px; 



background: -ms-linear-gradient(top, #36a2f9, #3682f9 );        /* IE 10 */

background:-moz-linear-gradient(top,#36a2f9,#3682f9);/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#36a2f9), to(#3682f9));/*谷歌*/ 

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36a2f9), to(#3682f9));      /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, #36a2f9, #3682f9);   /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, #36a2f9, #3682f9);  /*Opera 11.10+*/
}
.me .top .head {width:80px; height:80px; margin:0px auto; padding-top:20px; position:relative;}
.me .top .head img{width:80px; height:80px; border-radius:100%;}
.me .top .head .vipLogo{ position:absolute; right:3px; top:3px; width:24px; height:24px;}
.me .top .head .vipLogo img{width:48px; height:48px;border-radius:0;}
.me .top .name { text-align:center; font-size:16px; font-weight:bold; color:#fff; margin:8px 0;}
.me .top .num,.me .top .loc{float:left; width:50%; font-size:15px; text-align:center; color:#fff;}
.me .mid{ margin-top:5px;}
.me .mid .income{background:#fff;padding:10px;}
.me .mid .income .top,.me .mid .income .bot{ margin-left:20px; line-height:30px;}
.me .mid .info{background:#fff; padding:10px; height:50px;}
.me .mid .info dl{width:33.33%; float:left; text-align:center;background:#fff;}
.me .mid .info dl dt {height:30px; font-size:13px;}
.me .mid .info dl dd{border:0px solid red; text-align:center; height:20px; line-height:20px;}
.me .mid .link{background:#fff;height:81px;padding:2px;}
.me .mid .link dl{width:24.7%; float:left; text-align:center;}
.me .mid .link dl dt {height:50px;}
.me .mid .link dl dt img{height:40px; margin-top:10px;}
.me .mid .link dl dd{color:#5aa5ec; font-size:13px; text-align:center; height:30px; line-height:30px;}

/*******完善资料*********/
.perfact .remind{margin:20px auto;text-align:center; font-size:16px; color:#979797; font-weight:600;}
.perfact .upimg{width:246px;height:246px;margin:10px auto; margin-bottom:20px;}
.perfact .upimg img{width:246px;height:246px;border-radius:6px;}
.perfact .upimg .inp_img{opacity:0; width:246px; height:246px;border:#00F solid 0px;}
.perfact .upimg .beautify{height: 246px;width:246px;background-image:url(../images/plus246.jpg);display:block;background-size:100% 246px;}
.perfact .upimg .explain{margin:10px auto;height:80px; display:block;}
.perfact .upimg .me_explain{ width:200px;margin:10% auto 0 35px; font-size:15px; font-weight:bold;}
.perfact .upimg .me_explain img{ width:10%; height:10%; float:right;}
.perfact .upimg .beautify P{ text-align:left; COLOR:#c7c7c7; font-size:12px; font-weight:bold; padding:3px; margin-left:3px; }
.perfact .write {margin-top:50px;}
 .write .tit{ margin-left:10%;}
 .write .info{ background:#fff; border:1px dashed #888; border-radius:6px; width:90%; margin:10px auto;}
 .write .info .name{height:40px; line-height:40px;}
 .write .info .label{ font-weight:bold; width:28%; display:block; float:left; text-align:right; margin-right:3%;}
 .write .info input{width:65%; height:40px; line-height:40px;}
 .write .info .select{width:65%; height:40px;line-height:34px;background:#FFf; display:block; border:0px;}
 .write .submit{width:90%; margin:20px auto;  background-color:#3682f9; padding:8px; font-size:18px; font-weight:bold;color:#FFF; border:0px; border-radius:5px; margin:0 auto; display:block; margin-top:20px;}
/*******我的奖励*********/
.reward .rbtop1{border:0px solid #000;width:100%;height:50px;background:#5aa5ec; color:#FFF;}/*7.27修改*/
.reward .rbtop1 .reb_left{color:#FFF;font-size:14px; float:left; text-align:right; width:50%; line-height:50px;}/*7.27修改*/
.reward .rbtop1 .reb_right{color:#FFF;font-size:28px; width:38%; line-height:50px; float:left; padding-left:5%;}/*7.27修改*/
.reward .kbleft{width:30%;float:left;border-top:1px solid #cc3534;}
.reward .rbtop1 .krl{width:30%;float:left;border-top:1px solid #cc3534;height:60px;}
.reward .rbtop1 .mid{width:40%; float:left; text-align:center;color:#fff;padding-top:5px; line-height:40px;}
.reward .rbtop1 .mid label{font-size:18px; font-weight:bold;}
.reward .rbtop1 .rbr{float:left; width:30%;}
.reward .rbtop1 .rbr .year{width:90%;float:left;padding-left:10px; height:50px; line-height:50px;}
.reward .rbtop1 .rbr .year .st{border:0px;font-size:14px; background:#cc3534;}
.reward .mtop{width:100%;}
.reward .mtop .myhb{color:#898989; margin-top:5px; text-align:center; font-size:18px;}
.reward .mtop .money{font-size:14px; display:block; height:50px; border-bottom:1px solid #ccc;}/*7.27修改*/
.reward .mtop .money .money_left{font-size:14px; float:left; text-align:right; width:50%; line-height:29px; line-height:50px;}/*7.27修改*/
.reward .mtop .money .money_right{font-size:28px; width:38%; float:left;padding-left:5%;line-height:50px;}/*7.27修改*/
.reward .mtop .cash{color:#cc3534;width:100%;text-align:center; font-size:14px; font-weight:bold; margin-top:10px;} 
.reward .mtop .records{color:#898989;background:#f7f7f7;text-align:center;padding:6px;}/*7.27修改*/
.reward .mtop .records label{color:#cc3534; font-weight:bold;}
.listnum{background:#f7f7f7; margin-top:5px;width:100%;height:40px; line-height:40px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-box-shadow:0 0px 8px black;-moz-box-shadow:0 10px 10px black;}
.listnum .left{float:left;width:40%;color:#898989;margin-left:20px;font-size:14px;}
.listnum .right{float:right;width:40%;color:#1457bf;margin-right:15px;font-size:14px;text-align:right;}
.listnmn{background:#fff; width:100%;height:40px;padding:1px 0;border-bottom: solid #ddd 1px; color:#000;display:block;overflow:hidden;}/*7.27修改*/
.listmn{width:100%;height:40px;padding:1px 0;border-bottom: solid #ddd 1px; display:block; overflow:hidden;}
.listbg_gray{background:#f7f7f7;}

.listmn .infopic,.listnmn .infopic{width:80px; float:left; padding-left:10px;}
.listmn .infopic img,.listnmn .infopic img{width:40px; height:40px;border-radius:100%; border:0px solid #CCC;margin:3px 0 0 10px;}
.listmn .infotxt,.listnmn .infotxt{width:34%; float:left; text-align:left;}
.listmn .infotxt .name,.listnmn .infotxt .name{padding-top:5px;text-align:left;color:#666; font-size:12px;float:left;overflow:hidden;}
.listmn .infotxt .locat,.listnmn .infotxt .locat{padding:6px 2px 0 0; clear:both; min-height:22px;text-align:left; font-size:10px; color:#64623c; float:left;display:block; overflow:hidden;}
.listmn .mn,.listnmn .mn{ float:right;height:22px;line-height:22px; margin:10px 30px 0 0;text-align:right;font-size:14px; font-weight:bold;}/*8.26*/

.listnmn .tm,.listmn .tm{width:150px; line-height:44px;float:left; padding:0 15px 0 15px; font-weight:bold;}/*8.26*/

/*******我的课程*********/
.course .psbar{width:100%;height:40px;line-height:40px;font-size:16px;font-weight:bold; background:#f7f7f7; text-align:center;}
.course .top_tip,.tlist{border-bottom:1px solid #e3e2e2; border-top:1px solid #e3e2e2; margin-top:5%; background:#fff; color:#000; font-weight:100;}
.course .sp23{padding:20px 30px;}
.ht100{height:80px;}
.course .top_tip span{color:#cc3534; font-size:15px; font-weight:600;}
.course .top_tip ul li{margin-top:10px; font-size:14px;}
.course .tlist .img{float:left; margin:10px 0 0 10px;}
.course .tlist .img img{width:60px; height:60px; border-radius:6px;}
.course .tlist .maninfo{float:left; width:50%; margin:15px 0 0 10px;}
.course .tlist .maninfo .name label{font-size:14px; font-weight:600;}
.course .tlist .maninfo .explain{ margin-top:10px;}
.course .tlist .rarr{float:right; margin:25px 10px;}
.course .tlist .rarr img{width:25px; height:25px;}

/*******我的同学*********/
.classm .psbar{margin-top:20px; width:100%;height:60px;line-height:60px;font-size:16px;font-weight:bold; background:#5aa5ec; text-align:center; color:#fff; font-size:17px;}
.classm .psbar .left{ float:left; margin-left:20px;}
.classm .psbar .right{ float:right; margin-right:20px;}
.classm .three{  margin-top:20px;}
.classm .three dl{width:30%; float:left; text-align:center; margin-left:2.2%;background:#fff; border-radius:6px;}
.classm .three dl dt {height:50px;}
.classm .three dl dt img{height:35px; margin-top:10px;}
.classm .three dl dd{color:#000; text-align:center; height:30px; line-height:30px;}
/*我的几级同学*/
.bands .top{width:100%; height:60px; line-height:60px; text-align:center; background:#3682f9; color:#fff; font-size:18px;}
.bands .bsbg{background:url(../images/bands.jpg) no-repeat center center;background-size:100% 60px;}
.bands .bbsbg{background:url(../images/bbands.jpg) no-repeat center center;background-size:100% 60px;}
.bands .tbsbg{background:url(../images/tbands.jpg) no-repeat center center;background-size:100% 60px;}
.listnum1{background:#f7f7f7;width:100%;height:30px; line-height:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.listnum1 .left{float:left;width:40%;color:#898989;margin-left:20px;font-size:14px;}
.listnum1 .right{float:right;width:40%;color:#3682f9;margin-right:20px;font-size:14px;text-align:right;}
/***同学明细***/
.infoline_bands{width:100%;height:58px;padding:1px 0;border-bottom: solid #f0efef 1px; display:block; overflow:hidden;background:#fff;}
.infoline_bands .infopic{width:40px; float:left; padding:6px 10px;}
.infoline_bands .infopic img{width:40px; height:40px;border-radius:100%; border:1px solid #CCC;margin:3px 0 0 0px;}
.infoline_bands .infotxt{float:left; text-align:left; }
.infoline_bands .infotxt .name{padding-top:5px;text-align:left; font-weight:bold; font-size:12px;float:left;overflow:hidden;}
.infoline_bands .infotxt .locat{padding:2px 2px 0 0; clear:both; min-height:18px;text-align:left; font-size:10px; color:#64623c; float:left;display:block; overflow:hidden;}
.infoline_bands .infotxt .time{padding:0px 2px 0 0; clear:both; min-height:18px;text-align:left; font-size:10px; float:left;display:block; font-weight:bold; overflow:hidden;}

.infoline_bands .payed{float:right;height:58px; margin-right:4px; color:#3682f9;width:37px; font-size:12px; border:0px solid black}

.infoline_bands .addbtn{ float:right;height:22px;font:bold 11px/1 '宋体',Helvetica;line-height:22px; margin:19px 15px 0 0;width:75px;text-align:center;background:#3682f9; border-radius:6px;color:#fff;}
.infoline_bands .addbtn_t{ float:right;height:22px;font:bold 11px/1 '宋体',Helvetica;line-height:22px; margin:13px 15px 0 0;width:75px;text-align:center;background:#c7c7c7; border-radius:6px;color:#fff;}
.infoline_bands .result{ float:left;width:100px; height:48px; line-height:48px; font-size:16px; font-weight:bold;color:#898989;text-align:center;}
.infoline_bands .return{float:right; height:48px; line-height:48px; font-size:16px; font-weight:bold; padding-right:30px; color:#6e85a9;}
.infoline_bands .add_time{float:right; height:48px; line-height:48px; font-size:12px; font-weight:bold; padding-right:30px; color:#898989;}
.mapop{MARGIN-RIGHT: auto; MARGIN-LEFT: auto;}
.mapop img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-height:98%; max-width:98%;border:1px solid #ddd;}
/*二维码查看*/
.mcheck{
MARGIN-RIGHT: auto; MARGIN-LEFT: auto;height:100%;width:100%;
}
.mcheck img{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-height:100%;max-width:100%;}
.mctxt{ width:100%; color:#1457bf; font-size:16px; text-align:center; padding-top:20%;}
/*******邀约******/
.content {font-size:14px; line-height:1.8;}
.content .tit{font-size:18px; font-weight:600; }
.content .cc{color:#cc3534;}
.content .red{color:red;}
.content .mgt20{margin:20px 0 10px;}
.content label{font-weight:600;}
.content .center{text-align:center;}
.content .exptit{font-size:17px; font-weight:bolder; text-align:center;}
.content span img{width:20px; height:15px;}
.content .linear{ 
width:100%; height:440px;


background: -ms-linear-gradient(top, #413656, #fff );        /* IE 10 */

background:-moz-linear-gradient(top,#413656,#fff);/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#413656), to(#fff));/*谷歌*/ 

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#413656), to(#fff));      /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, #413656, #fff);   /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top, #413656, #fff);  /*Opera 11.10+*/
}
.content .linear .top{margin-left:30px; padding-top:30px; color:#fff;}
.content .linear .mid{margin:0 15px;}
.write .textarea{width:90%; height:90px; margin:20px auto; border:1px solid #ddd; border-radius:6px;}
.write .textarea textarea{width:85%; height:70px; padding:8px;}

/****视频相关********/
.content .video{width:100%;}
.content .video video{width:100%; position:relative;}
.rich_media_content * {max-width: 100%!important;box-sizing: border-box!important;-webkit-box-sizing: border-box!important;word-wrap: break-word!important;}

/****已报名******/
.payed{ width:85%; margin:10px auto; border:1px dashed #888; border-radius:6px; padding:8px; line-height:1.8;}
.payed .center{text-align:center;}
.payed .exptit{font-size:16px; font-weight:bolder; text-align:center;}
.paying{width:90%; margin:20px auto;  background-color:#3682f9; padding:8px; font-size:18px; font-weight:bold;color:#FFF; border:0px; border-radius:5px;display:block;}